<script lang="ts" setup>
import { useLocalI18n } from './composables/useLocalI18n'
import { useToHome } from './composables/useToHome'

const { gotoHomePage, goBack } = useToHome()
const { t } = useLocalI18n()
</script>

<template>
  <a-card :bordered="false" h-full flex="~ col justify-center">
    <a-result status="404">
      <template #subtitle>
        <p class="select-none text-lg">{{ t('notFound.tip') }}</p>
      </template>
      <template #extra>
        <a-space>
          <a-button status="success" @click="gotoHomePage">{{ t('notFound.button') }}</a-button>
          <a-button status="success" @click="goBack">{{ t('notFound.back') }}</a-button>
        </a-space>
      </template>
    </a-result>
  </a-card>
</template>
